<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">{{msg}}
		<div v-show="age>=18">成年</div>
		<div v-show="age<18">未成年</div>
		
		<hr>
		<p v-if="salary<=10">普通阶层</p>
		<p v-else-if="salary<=500">中产阶层</p>
		<p v-else="salary>500">富豪阶层</p>
		<hr >
		
		<p v-for="o,i in hobby" >{{o}}--{{i}}</p>
		
		<v-no
		<v-bind
		<v-text
		<v-html
		
		</div>
	</body>
	<script>
		new Vue({
			el: "#app",
			data: {
				msg: "hello VueJS!",
				age:16,
				salary:9,
				hobby:["吃","喝","玩"]
			}
		});
	</script>
</html>
